.recharge-model {
  .network-display {
    .network-money {
      display: flex;
      align-items: center;
      .balance {
        @include flex_center();

        .money {
          font-family: 'changchun1hao';
        }
      }
    }
    .card-list {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 11px;
      margin-top: 11px;
      padding-top: 20px;
      border-top: 1px solid $-border-color;

      .item {
        height: 72px;
        border-radius: 4px;
        border: 1px solid #E6E6E6;
        @include flex-center();
        flex-direction: column;
        position: relative;
        cursor: pointer;
        .money {
          font-weight: bold;
          span {
            font-family: 'changchun1hao';
            font-size: 22px;
            font-weight: 400;
          }
        }

        .desc {
          color: #FF7D17;
        }

        &.active {
          @include background_color();
          @include border_color();
          input {
            @include background_color();
            @include border_color();
          }
          .desc {
            color: $-color-brown;
          }
          &:after {
            content: "";
            background: url("~@/assets/images/icon-radius-check.png");
            position: absolute;
            right: -1px;
            top: -1px;
            width: 16px;
            height: 16px;
          }
        }

        &.other {
          input {
            width: 100%;
            height: 100%;
            text-align: center;
            border: none;
          }
        }
      }
    }
    .select-coupon {
      border-top: 1px solid $-border-color;
      margin-top: 20px;
      padding: 16px 0;
      cursor: pointer;
    }
    .pay-bnts {
      @include flex_center();
      padding-top: 16px;
      border-top: 1px solid $-border-color;
      > div {
        width: 88px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
        @include flex_center();
        img {
          width: 28px;
          height: 28px;
        }
      }

      .zfb-add {
        background: #06B4FD;
      }

      .wechat-add {
        background: #00C901;
      }
    }
  }
}
